<template>
  <div class="menucontent">
    <div
      class="item"
      v-for="(item, index) in list"
      :key="item.id"
      :id="item.content"
    >
      <h1>
        {{ item.content }}
      </h1>
    </div>
  </div>
</template>

<script setup>
import { defineProps } from "vue";

const props = defineProps({
  list: {
    type: Array,
    default: [],
  },
});
</script>

<style lang="scss" scoped>
.menucontent {
  flex: 1;
  .item {
    min-height: 800px;
  }
}
</style>
